<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>load</title>
    <!--<link rel="stylesheet" href="/css/commtwo.css">-->
    <style>
        .list-item{
            height: 200px;
        }
        .wenzhang-img{
            width: 198px;
            height: 130px;
        }
        .list-item-left{
            float: left;
        }
        .list-item-right{
            float: left;
            margin-left: 20px;
            width: 400px;
        }
        .airtype{
            width: 80px;
            line-height: 20px;
            background-color: rgba(20,130,200,1);
            float: left;
        }
        .airtype a{
            color: white;
        }
        .yue-du {
            float: left;
            margin-left: 20px;
        }
        .ping-lun {
            float: left;
            margin-left: 20px;
        }
        .time-before{
            float: left;
            margin-left: 20px;
        }

    </style>
</head>
<body>
<div th:each="zx,info : ${zxList}" class="list-item">
    <div class="list-item-left"  th:if="${zx.a_img_url} ne ''">
        <a th:href="@{'/zx/detail/' + ${zx.id}}">
            <img th:src="${zx.a_img_url}" alt="有贝口腔网" class="wenzhang-img">
        </a>
    </div>
    <div class="list-item-right">
        <div class="list-item-title"><a
                th:href="@{'/zx/detail/' + ${zx.id}}" th:text="${zx.a_title}"></a>
        </div>
        <div class="list-item-content-text" style="margin:20px 0;">
            <a th:href="@{'/zx/detail/' + ${zx.id}}" th:text="${zx.a_abstract}">
            </a>
        </div>
        <div class="list-item-info">
            <div class="airtype">
                <a th:href="@{'/zx/sort/' + ${zx.id}}">
                    <span class="tui-jian" th:text="${zx.a_tid}"></span>
                </a>
            </div>
            <!-- <span class="come-on" th:text="${vo.sourceName}"></span> -->
            <div class="ping-lun" >
                <a th:href="@{'/zx/detail/' + ${zx.id}}">
                    <img src="http://www.hasbei.com/static/images/pinglun.png">
                    <span th:text="${zx.a_comment_sum}"></span>
                    <span> 评论</span>
                </a>
            </div>
            <div class="yue-du" ><a
                    th:href="@{'/zx/detail/' + ${zx.id}}"><img
                    src="http://www.hasbei.com/static/images/yuedu.png"><span
                    th:text="${zx.a_read_sum}"></span><span> 阅读</span></a>
            </div>
            <div class="time-before" >[[${zx.a_ok_date}]]天前</div>
        </div>
    </div>
</div>
</body>
</html>